<template>
  <div class="out-div">
    <div class="inner-div">
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="month" label="月份" ></el-table-column>
        <el-table-column prop="time" label="党建活动次数" ></el-table-column>
        <el-table-column prop="participationrate" label="参与率" ></el-table-column>

      </el-table>
    </div>
    <div style="margin-top: 20px"><span>各部门兑换情况</span></div>
    <div>
      <el-table :data="tableData1" border style="width: 100%;margin-top: 20px" >
        <el-table-column prop="timename" v-model="timename" label="所属部门" ></el-table-column>
        <el-table-column prop="sumscore" v-model="sumscore" label="积分总数" ></el-table-column>
        <el-table-column prop="usescore" v-model="usescore" label="已兑换积分" ></el-table-column>

      </el-table>
    </div>
  </div>
</template>
<script>
  // import __ from '__' // __是需要手动引入的文件
  export default {
    name: '',
    components: {},
    data () {
      return {
        tableData: [{
          month:'一月份',
          time:'',
          participationrate:'',
        }, {
          month:'二月份',
          time:'',
          participationrate:'',
        }, {
          month:'三月份',
          time:'',
          participationrate:'',
        }, {
          month:'四月份',
          time:'',
          participationrate:'',
        },{
          month:'五月份',
          time:'',
          participationrate:'',
        },{
          month:'六月份',
          time:'',
          participationrate:'',
        },{
          month:'七月份',
          time:'',
          participationrate:'',
        },{
          month:'八月份',
          time:'',
          participationrate:'',
        },{
          month:'九月份',
          time:'',
          participationrate:'',
        },{
          month:'十月份',
          time:'',
          participationrate:'',
        },{
          month:'十一月份',
          time:'',
          participationrate:'',
        },{
          month:'十二月份',
          time:'',
          participationrate:'',
        }
        ],
        tableData1:[{
          timename:'一支部',
          sumscore:'',
          usescore:'',
        },
          {
            timename:'二支部',
            sumscore:'',
            usescore:'',
          },
          {
            timename:'三支部',
            sumscore:'',
            usescore:'',
          },
          {
            timename:'四支部',
            sumscore:'',
            usescore:'',
          },
        ]
      }
    },
    methods: {}
  }
</script>
<style lang="postcss" scoped>
  .out-div{
    background-color: #fff;
    width: 100%;
    hieght:100%
  }
  .inner-div{
    background-color: #fff;
    padding-bottom: 10px;
  }
</style>
